<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>选择科目</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<div class="subject-orientation__wrap">

    <div class="page page-current">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/academic/myAcademic}">
                <span class="iconfont icon-fanhui"></span>
            </a>
        </header>

        <article class="content wm-content">
            <div class="text-center">
                <h1 style="margin-bottom: 0;font-weight: 200;">
                    <span class="c-333" th:text="'欢迎来到'+${infoMap['appName']}"></span>
                </h1>
                <span class="c-333" style="font-weight: 200;font-size: .75rem;">请选择你喜欢的科目，可以多选哦</span>
            </div>
            <div class="mt5 pt5 ml5 mr5 pl5 pr5">
                <div class="pt5 pl5 pr5">
                    <input type="hidden" id="parentId" th:value="${parentId}"/>
                    <ul class="row sort-subject-ul" id="customized-subject-list">
                        <li th:if="${#lists.isEmpty(childSubjectList)}" id="no-data-li">
                            <section class="no-data__wrap">
                                <em>&nbsp;</em>
                                <p>亲，暂无专业数据，小编正在整理中</p>
                            </section>
                        </li>
                        <li th:if="!${#lists.isEmpty(childSubjectList)}" th:each="subject : ${childSubjectList}" class="col-auto" th:attrappend="data-subject=${subject['id']}">
                            <a href="javascript:void(0)" class="button button-round" th:text="${subject['subjectName']}"></a>
                        </li>
                    </ul>
                </div>
                <div th:if="!${#lists.isEmpty(childSubjectList)}" class="content-block" id="customized-finished">
                    <p class="lr-suBtn__wrap">
                        <a href="javascript:void(0)" class="button button-big button-round">完成</a>
                    </p>
                </div>
            </div>
        </article>
    </div>
</div>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/user/center/academic/set-user-subject.js?v={v}(path=${staticPath},v=${v})}"></script>

</body>
</html>
